<template>
    <el-card shadow="hover" style="margin-top: 20px;height: 800px;">
      <el-form inline class="abc">
        <el-form-item>
         <el-input  :prefix-icon="Search" />
        </el-form-item>

        <el-button type="primary" :icon="Search" style="vertical-align:top" >查询</el-button>
      </el-form>
      
    <el-table style="width: 100%;">
    <el-table-column align="center"  label="订单信息" width="250" />
    <el-table-column align="center" label="购买数量" width="180" />
    <el-table-column align="center" label="单价" width="180" />
    <el-table-column align="center" label="状态" width="180" />
    <el-table-column align="center" label="操作" width="180" />
  </el-table>
  </el-card>
</template>

<script lang="ts">
    import { defineComponent} from 'vue';
    export default defineComponent({
      name: 'Buyer'
    })
</script>

<script setup lang="ts">
  import { Search} from '@element-plus/icons-vue'
</script>

<style scoped>
  .abc{
    text-align: left
  }
</style>